/*
 * @Author: DaQing Lu
 * @Date: 2020-01-24 14:15:34
 * @LastEditors  : DaQing Lu
 * @LastEditTime : 2020-02-13 15:53:11
 * @Description: file content
 */
import React from 'react';
import {Modal, Input} from 'antd';
import './UnpaidOrderEdit.scss';

function UnpaidOrderEdit(props) {
  return (
    <div className={'deliverGoods'}>
      <Modal
        width={1200}
        title='编辑'
        visible={props.visible}
        onOk={() => props.handleOk(2)}
        onCancel={() => props.handleCancel(2)}
      >
        <ul className={'edit__box'}>
          <li>
            <label>订单号：</label>
            <Input placeholder="订单号" value={props.order_no} disabled/>
          </li>
          <li>
            <label>价格：</label>
            <Input value={props.goods_price} onChange={e => props.priceChange(e.target.value)}/>
          </li>
          <li>
            <label>运费：</label>
            <Input value={props.freight_price} onChange={e => props.freightChange(e.target.value)}/>
          </li>
          <li>
            <label>备注：</label>
            <Input value={props.remark} onChange={e => props.remarkChange(e.target.value)}/>
          </li>
        </ul>
      </Modal>
    </div>

  );
}

export default UnpaidOrderEdit;
